<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        
        <link rel="stylesheet" href="styleLogin.css" type="text/css">

        <title>SISTEMA DE EXAMEN</title>
         <link rel="shortcut icon" href="img/logofisi.png"/>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <div id ="contenedor">
            <form action="ServletLoginAlumno" method="post">
      
            
	<div id="block">
		<div class="logo"><img src="img/logo.png" alt="" /></div>
		<div class="form">
			<p class="login-box">ALUMNO</p>
			<div class="warning" style="display:none;"><p>Wrong password, please try again.</p> </div>
			<input name="ussername" type="text" value="Username"/>
			<input name="password" type="password" value=""/>
			<p class="btn">
				
                                <input type="submit" value="Login"  />
			</p>
			<ul class="nav-path">
				<li><a href="#">Forgot your password?</a></li>
				<li><a href="#">Create new account</a></li>
			</ul>
			<i class="ctop">&nbsp;</i><!-- sombreado arriba-->
			<i class="cbottom">&nbsp;</i><!-- sombreado abajo-->
		</div> 
	</div>
          </form>   
        <form action="ServletLoginProfesor" method="post">
            <div id="block1">
		<div class="logo"><img src="img/logo.png" alt="" /></div>
		<div class="form">
			<p class="login-box">PROFESOR</p>
			<div class="warning" style="display:none;"><p>Wrong password, please try again.</p> </div>
			<input   name="ussername" type="text" value="Username"/>
			<input name="password" type="password" value=""/>
			<p class="btn">
				
                                <input type="submit" value="Login"  />
			</p>
			<ul class="nav-path">
				<li><a href="#">Forgot your password?</a></li>
				<li><a href="#">Create new account</a></li>
			</ul>
			<i class="ctop">&nbsp;</i><!-- sombreado arriba-->
			<i class="cbottom">&nbsp;</i><!-- sombreado abajo-->
		</div> 
	</div>
                
            
            </form>   
            </div>
</body>
</html>
